/*********************************************************************************************

@import "css/fancybox.css";

/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/   
* { margin: 0; padding: 0; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; height: 1px; margin: 0 0 -1px; overflow: hidden; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style-type: none; list-style-position: inside; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border: none }
/* Gets rid of IE's blue borders */
table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit;  }
th { background: #BBCCDD; color: #333; }
th, td { line-height: 20px; padding: 4px; }
input { padding: 5px; }
.floatleft, .more_left { float: left; }
.floatright { float: right; }

.clear, .cleaner {
	clear: both;
	height: 0;
	overflow: hidden; }

/********************************************************************************************* 

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/   
a {
	text-decoration: none;
	color: #2f4c6c;
	outline: none; 
	}
 
	a:hover { color: #cb0e3d; }
 	
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #222; 
	}

h3 a:hover { text-decoration: none; }
 
p { margin: 0 0 16px; }
		
input[type="text"],
input[type="password"], textarea {
	border:1px solid #c7c7c7;
	background:#fdfefe;
	color:#666;
	font-size:12px;
  	font-family:Arial;
}

/* Search Form from Header */
#search_form { float: right; margin: 22px 0 0 0; width:253px; clear: right; border: 1px solid #c7c7c7; color: #919191; }
#search_form input { border: none; height: 23px; padding: 0 6px; font-style: italic; }
#search_form #s { border-right: 1px solid #c7c7c7; -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); width: 180px; float:left; }
#search_form #searchsubmit { background: url(images/search_bg.jpg) repeat-x; border: none; cursor: pointer; color: #5b5b5b; text-shadow: 0 1px 0 rgba(255,255,255,0.8); text-transform: uppercase; font-size: 10px; font-weight: bold; font-family: Arial, sans-serif; float: right; display: block; font-style: normal; width:60px;}
#search_form #searchsubmit:hover { background: #DCDCDC; }


/* Navigation & WP PageNavi Plugin */
div.navigation { float: left; width: 100%; }
div.navigation p,  div.wp-pagenavi { margin: 0; font-size: 11px; font-weight: bold; text-align: center; }
div.navigation a.current { background-color: #315896; color: #fff; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; border: none; }
div.navigation a:hover { background-color: #315896; color: #fff; text-decoration: none; }
div.navigation a { font-size: 11px; font-weight: bold; color: #315896; padding: 6px 10px; line-height: 50px; margin-right: 10px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; border: none; }
div.navigation span.current { padding: 6px 10px; background-color: #315896; color: #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border: none; margin-right: 10px; }
div.navigation a:hover { background-color: #315896; color: #fff; text-decoration: none; }
div.navigation span.pages { margin-right: 10px; display: none; }
div.navigation .nextpostslink:hover { background: #315896; }
div.navigation .previouspostslink:hover { background: #315896; }
div.navigation .extend { border: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }

/* shortcodes */
.checklist li {padding-left: 20px; background: transparent url(images/icon_tick.png) no-repeat top left; list-style-type: none !important; }
.arrowlist li {padding-left: 20px; background: transparent url(images/icon_arrow.png) no-repeat top left; list-style-type: none !important; }
.deletelist li {padding-left: 20px; background: transparent url(images/icon_delete.png) no-repeat top left; list-style-type: none !important; }
.scBox {padding: 10px; text-shadow: none !important; color: #555; margin: 10px 0; }
.notice {background-color: #f8f0af; }
.warning {background-color: #f8c0c0; }
.update {background-color: #c0e5f8; }
.lines {color: #aaa; margin: 0; }
.highlight {padding: 3px 5px; text-shadow: none; }
.half {float:left;width:47%;margin:10px 0;margin-right:6%;}
.third {float:left;width:30%;margin:10px 0;margin-right:5%; overflow: hidden;}
.last {margin-right:0}
 
/********************************************************************************************* 

2. Page Structure  -------------------------  All Theme Files

*********************************************************************************************/   
 
body {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	line-height:1.5;
	text-align: center;
	background: #f3f3f3;
	color: #666; }
 
#container {
	width: 100%;
	text-align: center;
	margin-bottom: 20px; }
 
	#container div.wrapper {
		margin: 0 auto;
		text-align: left;
		width: 980px; }

#frame  
{
   /* background: transparent url(images/back_frame.png) repeat-x top center; */
}
 
#layout {
	/*background: transparent url(images/back_frame_top.png) no-repeat top center;*/
	padding-top: 2px; }
 
#container #wrapperMain {
	background: #fff url(images/back_frame_all.png) repeat-x top left;
	width: 940px;
	padding: 20px;
	min-height: 500px; }

#main {
	float: left;
	display: inline;
	margin-right: 20px;
	width: 660px;
	font-size: 12px;
 	position:relative; }
 
	h2.title {
		font-family: Georgia,serif;
		font-size: 18px;
		font-weight: normal;
		color: #003f62;
		margin:0 0 10px 4px; }
		
/********************************************************************************************* 

3. Header & Main Menu -------------------------  header.php

*********************************************************************************************/  

#header {
	padding: 0px 0 0px;
	/*border-bottom: solid 1px #fff; */
	}
 
#logo {
	float: left;
	display: inline; }
 
#bannerHead {
	float: right;
	display: inline; }
	
	.banner {
		text-align:center;
		margin:0 0 10px;
		}
 
#navigation {
	line-height: 39px;
	font-size: 12px;
	background: #09355b url(images/back_menu.png) repeat-x top left; }
 
#nav {
	display: block;
	margin: 0; }
 
	#nav li {
		float: left;
		display: inline; }
 
 		#nav li:hover { background: #133a5d url(images/back_menu_hover.png) repeat-x top left; }
 
	#nav a {
		color: #fff;
		text-decoration: none;
		text-shadow: #333 1px 1px 0;
		padding: 10px 5px; }
 
		#nav a:hover { color: #75c9fd; }
 
	#nav li li {
		padding: 1px 0;
		line-height: 16px;
		font-size: 11px; }
 
	#nav ul li:hover, #nav ul li.current-menu-item, #nav ul li.current-menu-ancestor, #nav ul li.current-menu-parrent {
		background: none;
		background-color: #09355b; }
 
 
 
/********************************************************************************************* 

4. Featured Slider	  -------------------------  plvietnam_featured_posts.php

*********************************************************************************************/   
 	
#featPosts {
	margin: 0 0 25px;
	position: relative;
	clear: both;
	}
 
#postsBig {
	width: 420px;
	display: block;
	background-color: #000;
	overflow: hidden; }
 
	#postsBig div.shadow {
		position: absolute;
		z-index: 10;
		width: 420px;
		height: 114px;
		left: 0;
		top: 107px;
		background: transparent url(images/back_featimage_shadow.png) repeat-x bottom left; }
 
.featContent {
	padding: 0 15px 15px;
	color: #bbb; }
 
	.featContent p {
		margin: 0;
		font-size: 12px; }
 
	.featContent h2 {
		font-size: 18px;
		line-height: 22px;
		font-family: Georgia, serif; }
 
	.featContent a { color: #fff; }
 
		.featContent a:hover {
			color: #ed9740;
			text-decoration: none; }
 
#postsSmall {
	float: right;
	display: inline;
	width: 240px;
	background: #fff; }
	
 
	#postsSmall p {
		margin: 1px 0 0;
		font-size: 11px;
		color: #777; }
 
	#postsSmall h3.title {
		-moz-border-radius-topleft: 0;
		border-top-left-radius: 0; }
 
	#postsSmall ul.pagination li a {
		font-weight: bold;
		display: block;
		margin: 0;
		position: relative;
		padding: 5px 0 5px 15px;
		overflow: hidden;
		color: #2f4c6c;
		min-height: 39px; }
 
	#postsSmall ul.pagination li { border-bottom: solid 1px #eee; display:block; }
 
		#postsSmall ul.pagination li:last-child { border-bottom: none; }
 
		#postsSmall ul.pagination li a:hover, #postsSmall ul.pagination li a.current {
			color: #ff3000;
			z-index: 11;
			margin-left: -11px;
			padding-left: 26px;
			background: transparent url(images/back_featimage_arrow.png) no-repeat left center; }
			

#featPosts p.postmetadata {
	font-size: 10px;
	text-transform: uppercase;
	font-weight:normal;
	color: #666; }
 
#featPosts #postsBig p.postmetadata { margin: 5px 0; }
 
#featPosts p.postmetadata a { color: #439ecf; }
 
#postsSmall li.active span.arrow, #postsSmall li:hover span.arrow { display: block; }
 

/********************************************************************************************* 

5. Carousel Widget      

*********************************************************************************************/   
 
.container { overflow: hidden; position: relative; }
.slides { overflow: hidden; width: 420px; }
.slides li { position: relative; width: 420px; overflow: hidden; background: #000; float: left; }
.jcarousel { padding: 20px 0 15px 17px; margin: 10px 0 20px; background: transparent url(images/back_highlights.png) repeat-x bottom left; border: solid 1px #d2d2d2; -moz-border-radius: 7px; border-radius: 7px; }
.widgets_col  .jcarousel { padding: 20px 35px 15px 50px; }
#sidebar .jcarousel { padding: 15px 0 15px 11px; margin: 10px 0 20px 5px; background: transparent url(images/back_highlights.png) repeat-x bottom left; border: solid 1px #d2d2d2; -moz-border-radius: 7px; border-radius: 7px; }
.jcarousel img { float: left; border: solid 1px #333; }
.jcarousel li a { color: #0060B6; font-size: 14px; font-weight: bold; }
.jcarousel a:hover { text-decoration: underline; }
.jcarousel-clip { width: 100%; }
#main .home_widgets .jcarousel-item, #main .home_widgets_full .jcarousel-item { width: 107px; padding-right:22px; overflow: hidden;   position: relative; }
#sidebar .jcarousel-item { width: 107px; overflow: hidden; padding-right: 14px; position: relative; }
.jcarousel-list { height:92px; }
.jcarousel-prev { float: left; }
.jcarousel-next { float: right; padding-right: 25px; }
.jcarousel-prev, .jcarousel-next { font-weight: bold; color: #003f62; margin-top: 8px; }
.jcarousel-prev:hover, .jcarousel-next:hover { text-decoration: underline; cursor: pointer; }
.video_if { display: none; }
.jcarousel li a span.video, .jcarousel li a span.zoom { position: absolute; top: 1px; left: 1px; display: block; width: 105px; height: 90px; }
.jcarousel li a span.video { background: url(images/play.png) no-repeat; }
.jcarousel li a span.zoom { background: url(images/zoom.png) no-repeat; }


/********************************************************************************************* 

6. Homepage Widgets 

*********************************************************************************************/   

#main .home_widgets, #main .home_widgets_full {
	position:relative;
	}
	
#main .home_widgets .widget {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0 3px 20px 4px;
 	*display: inline;
 	width:210px;
 	line-height:1.5;
 	position:relative;
 	}
 	
 	#main .home_widgets_full .widget {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0 3px 20px 4px;
 	*display: inline;
 	width:650px;
 	line-height:1.5;
 	position:relative;
 	}
 	
  	#main .home_widgets .widgets_col {
	float:left;
   	width:210px;
	margin: 0 10px 0 0;
  	line-height:1.5;
 	}
		
	#main .home_widgets .widgets_col .widget {
 		margin: 0 0 20px 0;
  		}
 

/********************************************************************************************* 

7. Featured Categories Widget     

*********************************************************************************************/   

.featCategories { margin: 10px 0 0; }

.category {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
  	*display: inline;
 	width:210px;
	margin: 0 3px 20px 4px; }
	
	#sidebar .category {
		width:260px;
		}
 
.categoryContent {
	padding: 10px;
	background: transparent url(images/back_widget.png) repeat-x top left; }
 
	.categoryContent img, .archive img {
		padding: 4px;
		border: solid 1px #ccc;
		background-color: #fff; }
 
	.categoryContent div.cover { margin-bottom: 10px; }
 
	.categoryContent h2 {
		font-size: 14px;
		font-weight: bold;
		margin: 7px 0; }
 
	.categoryContent ul.postsMore {
		padding: 10px 0 0 5px;
		border-top: dotted 1px #ccc; }
 
		.categoryContent ul.postsMore li {
			font-size: 11px;
			list-style-type: square; 
			color:#598BC1; }
 
	.categoryContent p { margin: 0 0 10px; }
 
 
/********************************************************************************************* 

8. Archives/Blog posts  -------------------------  index.php, archive.php, search.php

*********************************************************************************************/   
 
.posts li {
	border-bottom:1px dotted #DADADA;
	padding:0 0 15px;
	margin:0 0 20px;
	}

	.posts li .meta {
		margin-bottom:7px;
		}
	
	.archive h3 {
		font-size: 20px;
		font-weight: bold;
		border-bottom:1px dotted #DADADA;
		padding:0 0 10px;
		margin:0 0 20px;
		color:#315896;
		 }
	 
	.archive h3 img {
		float:right;
		margin:0 0 0 10px;
		}
		
	.archive h3 small {
		font-size:12px;
		font-weight:normal;
		color:#666;
		margin:5px 0 0;
		display:block;
 		}
	
	.archive .cover {
		float: left;
		display: inline;
		margin: 0 15px 5px 0; }
	 
	.archive .postcontent { overflow: hidden; }
	 
	.archive .postmetadata { margin: 0 0 10px; }
	 
	#main .archive h2.title {
		line-height: 1.5;
		margin: 0 0 2px; }
 
/********************************************************************************************* 

9. Single Posts Styling  ---------------------------------	 single.php, page.php

*********************************************************************************************/   
	
div.metadata {
	padding: 0 20px;
	background: transparent url(images/back_postmeta.png) repeat-x top left;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin: 0 0 20px; }
 
	div.metadata div.datetime {
		float: left;
		display: inline;
		text-align: center;
		color: #fff;
		padding: 5px 0 0;
		width: 55px;
		height: 50px;
		margin: 0 30px 20px 0;
		line-height:1.2;
		background: #ff3203 url(images/back_datetime.png) repeat-x top left; }
 
div.datetime span {
	display: block;
	text-transform: uppercase;
	font-size: 11px; }
 
	div.datetime span.date {
		font-weight: bold;
		font-size: 24px;
		margin-top: 4px; }
 
.metainfo {
	padding: 15px 0 0 0;
	overflow: hidden; }
 
 .metainfo h1 a {
	color:#003f62;
	}
	
	.metainfo h1 a:hover {
		color:#CB0E3D; 
		}
		
	.meta span, .meta span a { 
		text-transform:uppercase;
		font-size:10px;
		color: #505050;
 		}
 		
	.meta span {
		margin:0 10px 0 0;
		}
		
		.meta span a:hover { 
			color:#CB0E3D;
 			}
		
	.meta span.cat_icon {
		padding:0 0 0 15px;
		background:url(images/category.png) no-repeat 0 1px;
		}
		
	.meta span.date_icon {
		padding:0 0 0 16px;
		background:url(images/date.png) no-repeat 0 -3px;
		}
		
	.meta span.comm_icon {
		padding:0 0 0 15px;
		background:url(images/comments.png) no-repeat 0 1px;
		}
  
	.metainfo h1 {
		font-size: 24px;
		font-weight: normal;
		line-height: 28px;
		margin-bottom: 6px;
		font-family: Georgia,serif; }
	 
	p.postmetadata {
		font-size: 11px;
		margin: 0;
		color: #999; }
	 
.entry {
	clear: left;
	font-size: 13px;
	line-height: 1.5;
	overflow: hidden;
	margin: 0 20px 0 20px; }
 
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	font-weight: bold;
	margin-bottom: 12px; 
	line-height:1.3;
	color:#3397cd;
	}

.entry h1 { font-size: 28px; }
.entry h2 { font-size: 24px; }
.entry h3 { font-size: 20px; }
.entry h4 { font-size: 16px; }
.entry h5 { font-size: 14px; }
.entry h6 { font-size: 12px; }
 
.entry p { margin-bottom: 14px; }

.entry a { color:#3397CD; }
.entry a:hover { text-decoration:underline; }

.entry img {
	margin-bottom: 10px;
	max-width: 590px;
	height: auto;
	padding: 4px;
	border: solid 1px #ddd;
	background-color: #fff; }
 
.entry ul, .entry ol { margin: 0 0 14px 14px; }
.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: inside; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }
 
.entry blockquote {
	font-style: italic;
	font-family:Georgia, serif;
	font-size: 16px;
  	border: solid 1px #ddd;
	border-left: solid 5px #ddd;
  	padding: 15px;
	margin: 10px; }
 
.side-left #main {
	float: right;
	display: inline;
	margin-right: 0;
	margin-left: 10px; }
 
.full-width #main {
	margin-right: 0;
	width: 100%; }
 
.full-width .entry, .page .entry {
	float: none;
	display: block;
	width: auto;
	padding-right: 0; }

/* [gallery] shortcode */
.entry .gallery .gallery-item { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { margin: auto; text-align: center; clear: both; }
.entry .gallery img, .widget ul.gallery img { border: solid 2px #eee; }
.entry div.gallery img:hover, .widget ul.gallery li img:hover { border: solid 2px #9acdea; }

/* Images align */
.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 5px 0; }
.alignright { float: right; margin: 5px 0 5px 15px; }

/* Caption for Images */
.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; background:rgba(255,255,255,0.7); border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }
 
img.wp-smiley {
	padding: 0;
	border: none; }
	
 	.entry .tags {
		font-weight:bold;
		text-transform:uppercase;
		font-size:12px;
		margin-top:20px;
		display:block;
		line-height:1.5;
		}
	
	.tags a {
		color:#fff;
		background:#868d96;
		text-transform:uppercase;
		padding:3px 7px;
		margin: 0 0 7px 5px;
 		font-size:10px;
 		font-weight:bold;
		}
		
		.tags a:hover {
			background:#ff3300;
			text-decoration:none;
			}

 
/********************************************************************************************* 

10. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/   
	
#sidebar {
	float: left;
	display: inline;
	width: 260px; 
	position:relative; 
	}
 
	#sidebar .widget {
		margin-bottom: 10px;
		font-size: 12px;
 		position:relative; }
		
		.widget .padder {
		background: transparent url(images/back_widget.png) repeat-x top left;
		padding: 10px; }
	
		.widget a {
			font-weight:bold;
			}
			
			#sidebar .widget a:hover { text-decoration: none; }

 		.widget ul { clear: both;  line-height: 1.7; }
		.widget ul li { list-style-type: none; }
		.widget ul ul { margin: 0; padding: 0; border-top: none; }
		.widget ul ul li { border: none; }

		.widget #cat, .widget select { width: 100%;   border: 1px solid #cdcfd4; color: #333333; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left;  }
	
	.ads {text-align:center;}	
  
	#widget_tag_cloud a {
		font-family:Georgia, serif;
		line-height:1.3em;
		font-weight:normal;
		}
	 
	#plvietnam-popular-posts li {
		display:block;
		width:100%;
		}
 
h3.title {
	font-size: 10px;
	text-transform: uppercase;
	padding-left: 10px;
	color: #fff;
	line-height: 25px;
	background: #5ac3d1 url(images/back_title_blue.png) repeat-x top left;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom: solid 1px #fff; }
 
h3.teal { background-image: url(images/back_title_teal.png); }
h3.blue { background-image: url(images/back_title_blue.png); }
h3.brown { background-image: url(images/back_title_brown.png); }
h3.darkblue { background-image: url(images/back_title_darkblue.png); }
h3.dark { background-image: url(images/back_title_dark.png); }
h3.lightblue { background-image: url(images/back_title_lightblue.png);  }
h3.orange { background-image: url(images/back_title_orange.png); }
h3.paleblue { background-image: url(images/back_title_paleblue.png); }
 
h3.title a { color: #fff; }
h3.lightblue a { color: #333; }
 
h3.title a:hover { text-decoration: underline; }
 

/* Tabbed Widget */
.tabberlive .tabbertabhide { display: none; }
.tabberlive h3 { display: none; }
ul.tabbernav li { float: left; margin: 0; padding: 0; height: 25px; line-height: 28px; margin-bottom: -1px; overflow: hidden; position: relative; /*background: url(images/bg_sidetab.png) repeat-x;*/ list-style-type: none; }
ul.tabbernav li:first-child { -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; }
ul.tabbernav { margin: 0; padding: 1px 0; font: bold 12px; }
ul.tabbernav li { list-style: none; display: inline; }
ul.tabbernav li a { text-decoration: none; color: #fff; /* inactive tabs */ display: block; font-size: 10px; font-weight: bold; padding: 0 10px; outline: none; text-transform: uppercase; line-height: 25px; }
ul.tabbernav li.tabberactive, ul.tabbernav a:hover { background: url("images/back_title_blue.png") repeat-x; /* active tab */ }
ul.tabbernav li:first-child a:hover {-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;border-top-left-radius:5px;}
ul.tabbernav li.tabberactive a { color: #fff; }
.tabbertabs .recent_comments li img, .tabbertabs .recent_news li img { float: left; margin: 0 7px 5px 0; }
.tabbertab li { float: left; clear: both; display: block; border-bottom: 1px dotted #DADADA; padding: 5px 0; }
.tabbertab .comm_bubble { font-style: italic; font-size: 10px; color: #A9A9A9; }
.tabbertab li .meta { font-size: 9px; color: #A9A9A9; margin: 3px 0 0; display: block; }
.tabbertab li .meta a { font-weight: normal; font-size: 9px; }
.tabbertab li a { font-weight: bold; font-size: 12px; }
ul.tabbernav a:hover { text-decoration: underline; }
.tabberlive ul.tabbernav { margin: 0; padding: 0; float: left; list-style: none; height: 26px; width: 100%; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: url("images/back_title_darkblue.png") repeat-x; }
html .tabbertab ul { margin: 0; }
.tabberlive .tabbertab { float: left; width: 240px; background: transparent url(images/back_widget.png) repeat-x top left; padding: 10px; }
#main .tabberlive .tabbertab { width: 190px; }
.tabbertab h2.widgettitle { display: none; }
 
 
/* Flickr Widget */
.widget ul.gallery { padding: 0; margin: 0; }
.widget ul.gallery li { list-style-type: none; float: left; display: inline; padding: 0; margin: 0 7px 11px; clear: none; border-bottom: none; }
.widget ul.gallery li.last { margin-right: 0; }
.widget ul.gallery li img { width: 61px; }


/* Social Widget */
#sidebar .social li { display: inline; width: 47%; float: left; padding: 0; margin:0 6px 14px 0; line-height: 16px; clear: none; border-bottom: none; }
#sidebar .social a { font-size: 12px; font-weight: bold; }
#sidebar .social a span { font-size: 11px; display: block; font-weight: normal; }
#sidebar .social img { float: left; margin-right: 7px; }
  
  
/* Author Bio */
#sidebar .author img { margin: 0 7px 5px 0; float: left; }
#sidebar .author a { font-size: 13px; }
#sidebar .author p { font-size: 11px; line-height: 1.4; }


/* Recent Comments */
.recent_comments img, .recent_news img { float: left; margin: 0 7px 0 0; }
.recent_comments a, .recent_news a { font-weight: bold; }
.recent_comments li, .recent_news li { float: left; width: 100%; clear: both; padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; }
#footer .recent_comments li, #footer .recent_news li { border-bottom: 1px dotted #2e2e2e; }
.recent_news span { font-size: 9px; color: #A9A9A9; margin: 3px 0 0; display: block; }
.recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px !important; }

 
/********************************************************************************************* 

11. Comments  -------------------------  comments.php

*********************************************************************************************/   

#comments { margin: 20px 20px 0; padding-top: 10px; border-top: 1px solid #dfdfdf; }
#comments .title { font-size: 22px; padding-top: 10px; margin: 0 0 10px; }
#main ol.normalComments { clear: left; padding: 10px 0 0; margin: 0; }
#main ol.normalComments div.comment-body { position: relative; }
#main ol.normalComments div.reply { position: absolute; top: 0; right: 0; }
#main ol.normalComments li { clear: left; list-style-type: none; margin: 0 0 18px; padding: 15px; font-size: 11px; line-height: 1.7; background: #fafafa; border: solid 1px #dfdfdf }
#main .normalComments li.comment li.comment { background: #fff; border: solid 1px #dfdfdf; margin: 0 10px 10px 10px; clear: left; }
#main .normalComments li.comment li.comment li.comment { background: #fafafa; border: solid 1px #dfdfdf }
#main ol.normalComments li ul.children { padding: 15px 0 0; }
#main ol.normalComments li p { margin-bottom: 5px; }
#main ol.normalComments img.avatar { float: left; display: inline; margin: 0 10px 10px 0; border: solid 1px #ddd; }
#main ol.normalComments cite { font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; text-transform: uppercase; float: left; display: inline; margin-right: 10px; }
#main ol.normalComments .commentmetadata { line-height: 18px; font-size: 11px; margin-bottom: 5px; }
#main ol.normalComments blockquote { font-size: 12px; line-height: 18px; }
#main ol.normalComments span.says { display: none; }

.reply a, .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
.reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; }

#commentform { margin-top: 10px; clear: left; }
#commentspost p { font-size: 12px; overflow: hidden; }
#commentform p { margin: 0 0 5px; font-size: 12px; }
#commentform #formLabels { width: 50%; }
#commentform #formContent { width: 90%; }

#commentform input { width: 98%; font-size: 16px; border-width: 1px; border-style: solid; color: #8C8888; border-color: #a8a8a8 #c6c6c6 #dbdbdb #c6c6c6; padding: 5px; margin: 6px 3px 16px 0; height: 30px; -moz-border-radius: 3px; border-radius: 2px; -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1); }
#commentform textarea { overflow:auto; width: 100%; height: 180px; border-width: 1px; border-style: solid; color: #8C8888; border-color: #a8a8a8 #c6c6c6 #dbdbdb #c6c6c6; padding: 5px; margin: 6px 3px 13px 0; -moz-border-radius: 3px; border-radius: 2px; -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1); font-family: Arial, sans-serif; font-size: 16px; }
#commentform label { display: block; font-size: 16px; }
#commentform label span { font-size: 12px; float: right; color: #A0A0A0; }
#comments #submit { background: url(images/bg_submit.jpg) repeat-x; color: #fff; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 10px 4px; font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 11px; height: 24px; text-shadow: 0 1px 0 rgba(0,0,0,0.4); cursor: pointer; width: auto; }
#comments #submit:hover { background-position: 0 -24px; }
 
 

/********************************************************************************************* 

12. Footer  -------------------------  footer.php

*********************************************************************************************/    
  
#footer {
	margin: 0;
	padding: 15px 20px;
	text-align: left;
	color: #fff;
	background: #848c96 url(images/back_footer_one.png) repeat-x bottom left;
	text-shadow: #3a3e43 1px 1px 1px; }
 
	#footer p {
		margin: 0;
		line-height: 18px;
		font-size: 12px; }
 
		#footer p.copy { font-size: 12px; }
 
		#footer p.plvietnam {
			float: right;
			display: inline;
			line-height: 16px; 
			width:228px;}
 
			#footer p.plvietnam img {
				float: right;
				display: inline;
				padding:2px 0 0 2px; }
 
	#footer a { color: #fff; }
 
		#footer a:hover { text-decoration: underline; }
 
#secondFooter {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 10px 20px;
	text-align: left;
	color: #acb0b5;
	background: #58616b url(images/back_footer_two.png) repeat-x bottom left;
	text-shadow: #3a3e43 1px 1px 1px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px; }
 
	#secondFooter p { margin: 0; }
 
#nav2 li {
	float: left;
	display: inline;
	margin-right: 20px; }
 
#nav2 a { color: #acb0b5; }
 
	#nav2 a:hover {
		color: #fff;
		text-decoration: none; }